<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>My Comments</title>
        <link rel="stylesheet" href="css/coreBundle.css"/>
        <style>
            .lotusView {
                background-image: url(nav/common/styles/images/views.gif);
            } .lotusSort .lotusDescending {
                background-image: url(nav/common/styles/images/sortDescending.gif);
            } .lotusSort .lotusAscending {
                background-image: url(nav/common/styles/images/sortAscending.gif);
            }
			.replies {
				font-size:12pt;
			}
			.commentContent {
				margin-left:20px;
				font-size:14pt;
				font-style:italic;
				font-weight:bolder;
			}
        </style>
        <script type="text/javascript" src="js/dojo/dojo.js">
        </script>

        <script type="text/javascript" src="js/ecs_manager.js">
        </script>
        <script type="text/javascript">
            dojo.addOnLoad(function(){
                ecsMgr.initUserList("userSelector");
            })
        </script>
    </head>
    <body>
        <div id="lotusMain">
            <div id="lotusColRight" style="display:none;">
                <div class="lotusSection lotusFirst">
                    <h2>My Recent Notifications</h2>

                    <div class="lotusChunk">
                        <table class="lotusTable" cellspacing="0">
                        </table>
                    </div>
                </div>
            </div>
            <div id="lotusContent" style="width:70%;margin-left:0px">
                <table class="lotusLayout lotusHeader" cellspacing="0">
                    <tbody>

                        <tr>
                            <td>
                            </td>
                            <td class="lotusvAlignMid">
                                <h1 id="headerTextHolder">Comments for
                                    <select name="userList" id="userSelector" onchange="modifyUserId()">
                                        <option value="100">guest</option>
                                    </select>
                                </h1>

                            </td>
							<td>&nbsp;
								<a href="javascript:{var%20server%20=%20'http://9.123.239.71:8080/ECS_Server/';%20window.oScript%20=%20window.document.createElement('scri'%20+%20'pt');%20window.oScript.setAttribute('src',%20server%20+%20'js/insertWidget.js');%20window.oScript.setAttribute('type',%20'text/javascript');%20void%20(window.document.body.appendChild(window.oScript));}">Commenter</a></td>
                        </tr>
                    </tbody>
                </table>
                <div class="lotusActionBar lotusBtnContainer" id="editActions">
                    <table class="lotusViewControl lotusRight">
                        <tbody>
                            <tr>
                                <td>

                                    Display:
                                </td>
                                <td>
                                    <div>
                                        <a id="bkListLink" class="lotusSprite lotusView lotusSummaryOn" href="#" title="List view" onclick="hideDetailsAll(this.getAttribute('commentCounts'));return false;"></a>
                                        <a id="bkdetailsLink" class="lotusSprite lotusView lotusDetailsOff" href="#" title="Details view" onclick="showDetailsAll(this.getAttribute('commentCounts'));return false;"></a>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                <div class="lotusPaging">
                    <ul class="lotusLeft lotusInlinelist">
                        <li class="lotusFirst">
                        </li>
                        - 
                        <li class="lotusFirst">

                        </li>
                        of 
                        <li class="lotusFirst">
                        </li>
                    </ul>
                    <ul class="lotusRight lotusInlinelist">
                        <li class="lotusFirst">
                            Previous
                        </li>
                        <li>

                            Next
                        </li>
                    </ul>
                </div>
                <div class="lotusSort">
                    <ul style="display: table-cell;" class="lotusInlinelist">
                        <li style="display: table-cell;" class="lotusFirst">
                            Sort by: 
                        </li>
                        <li style="display: table-cell;" class="lotusFirst">

                            <a id="sortLink" title="Click to reverse sort" href="javascript:void(0);" onclick="sortByRepliesAsc()" class="lotusDescending lotusActiveSort">Replied</a>
                        </li>
                    </ul>
                </div>
                <table class="lotusTable" cellspacing="0" cellpadding="0" border="0" summary="">
                    <tbody id="commentsTable">
                        <tr id="commentInfo" style="display:none;">
                            <td style="width: 20px;" class="lotusFirstCell" id="icon">

                                <img width="16" height="16" class="commentImg" src=""/>
                            </td>
                            <td class="" style="width:1200px">
                                <h4><a class="commentTitle">‎</a></h4>
								<div class="lotusMeta">
<span>
<a class="fn commentReplies" href="javascript:void(0)" onclick="showReplies(event)"></a>&nbsp;replies
</span>
<ul class="replies" style="display:none;">
</ul> 
</div>

                               <!-- End Meta -->
                            </td>
                            <td class="lotusMeta lotusAlignRight lotusLastCell">
                                <div class="lotusTiny">
                                    <a class="lotusAction lotusNowrap" href="#" onclick="showDetails(this.getAttribute('commentIndex'));return false;" id="showMore">show details</a>
                                    <a style="display: none;" class="lotusAction lotusNowrap" href="#" onclick="hideDetails(this.getAttribute('commentIndex'));return false;" id="hideMore">hide details</a>
                                </div>
                            </td>

                        </tr>
                        <tr id="commentDetails" class="lotusHidden lotusDetails">
                            <td class="lotusFirstCell"></td>
                            <td class="" colspan="2">
                                <p class="commentContent">
                                    <br/>
                                </p>
                                <div class="lotusChunk" style="display:none;">

                                    <ul style="font-size:12pt;" class="lotusInlinelist lotusLeft lotusActions">
                                        <li class="lotusFirst">
                                            <a class="lotusAction">Edit</a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>

                        <tr id="commentAction" style="display:none;">
                            <td class="commentEdit" style="width:1300px;border-top: 2px dotted rgb(160, 160, 160); border-bottom: 2px dotted rgb(160, 160, 160); margin: 2px 0pt; background-color: rgb(240, 244, 247);" colspan="4">
                                <form id="editForm" class="lotusForm" action="">
                                    <table class="lotusFormTable lotusFixedTable" cellspacing="0" cellpadding="0" border="0" summary="">
                                        <tbody>
                                            <tr>
                                                <td class="lotusFormLabel lotusFormFieldRow" width="10%">
                                                    <label for="commentDesc">
                                                        Comments:
                                                    </label>

                                                </td>
                                                <td class="lotusFormFieldRow">
                                                    <textarea id="commentDesc" class="lotusText lotusLeft" cols="" rows="5" name="description">
                                                    </textarea>
                                                </td>
                                                <td class="lotusFormFieldRow">
                                                </td>
                                            </tr>
                                            <tr>

                                                <td class="lotusFormFooter" colspan="3">
                                                    <input id="editSubmit" class="lotusFormButton" type="button" value="Confirm"/><a id="editCancel" class="lotusAction" href="#" onclick="cancelEditForm(); return false;">Cancel</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </td>

                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
